@import './common';

.m-create-header {
    height: 50px;
    line-height: 50px;
    img {
        margin-top: 13px;
    }
}
.g-color3f9{
    color: #3F91F1;
}
.ui-site{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    .ui-site-title{
        width: 100%;
        height: 50px;
        cursor: pointer;
        // .iconfont{
        //     position:absolute;
        //     right: 20px;
        //     top: 20px;
        // }
    }
    
}
.inpclear{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    cursor: pointer;
}
.ingreen{
    color:#65B322;
    top: 10px;
}
.eye{
    position: absolute;
    top: 20px;
    right: 60px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    color: #3F91F1;
    cursor: pointer;
}
.none{
    display: none;
}
.m-create-content .ui-form .ui-item .ui-input.vzcord{
    width: 236px;
}
.m-create-content .ui-form .ui-item .oncord{
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #3F91F1;
    width: 100px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-left: 5px;
    font-size: 13px;
    color: #3F91F1;
}
.m-create-content .ui-form .ui-item .oncord.timefag{
    border: 1px solid #dddddd;
}
.ui-site .ui-site-tab { display: none;}
.ui-site.s-show{
    .ui-site-title i{
        transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -o-transform:rotate(180deg);
    }
}
.ui-site.s-show .ui-site-tab { display:block;}
.g_pop_clear{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
// .ui-site-title { position:relative; height:28px; padding-left:5px; padding-right:35px; border:1px solid #C9C9C9;}
.ui-site-title div { height:48px; line-height:28px; overflow:hidden;}
.ui-site-title div b { color:#ccc; margin-top: 11px;}
.ui-site-title div b.color32 {color: #323232;}
.ui-site-title i { position:absolute; top:3px; right:10px;}
.ui-site-tab { position:absolute; left:0; top:49px; padding:10px 10px 0; width:428px; border:1px solid #C9C9C9; background-color:#fff;}
.ui-site-tab .ui-tab { height:30px;line-height: 30px; border-bottom:1px solid #3F91F1; _overflow:hidden;}
.ui-site-tab .ui-tab li, .ui-site-tab .ui-tab li a, .ui-site-tab .ui-tab li span, .ui-site-tab .ui-tab li i { float:left;}
.ui-site-tab .ui-tab li.s-crt{border-color: #3F91F1;}
.ui-site-tab .ui-tab li i { margin-top:10px; border:5px dashed transparent; border-top-color:#D6D6D6; border-top-style:solid;}
.ui-site-tab .ui-tab li { margin:0 20px 0 0; height:auto; border:1px solid #dddddd; border-bottom:none; background-color:#fff;}
.ui-site-tab .ui-tab li a { padding:0 15px; height:29px;line-height: 29px; color:#777777;}
.ui-site-tab .ui-tab li.s-crt a {color:#3F91F1;}
.ui-site-tab .ui-tab li a span { margin-right:6px; width:auto; line-height:23px;}
// .ui-site-tab .ui-tab li.s-crt, .ui-site-tab .ui-tab li.s-crt a { border-color:#FF9C00;}
// .ui-site-tab .ui-tab li.s-crt a { padding-top:2px;}
.ui-site-tab .ui-tab li.s-crt a span { margin-top:-2px;}
.ui-site-tab .ui-tab li.s-crt i { margin-top:8px; border-top-color:#FF9C00;}
.ui-site-tab .item { padding-top:4px; padding-bottom:8px; text-align:center;}
.ui-site-tab .item .ui-loading { display:inline-block; margin:6px 0 2px;}
.ui-site-tab .item span { float:left; margin:4px 0 0 6px; width:65px; font-weight:normal; height:20px; line-height:20px; overflow:hidden; text-align:left;}
.ui-site-tab .item span a { float:left; padding:0 3px;}
.ui-site-tab .item span.s-crt a { color:#fff; background-color:#3F91F1;}





.m-create-content {
    padding: 50px 0 60px;
    .ui-form {
        margin: 0 auto;
        width: 450px;
        .ui-item {
            .height {
                height: 48px;
                line-height: 48px;
            }
            height: 50px;
            margin-top: 30px;
            .ui-err {
                bottom:-18px;
            }
            .ui-label-pos {
                position: absolute;
                left: 1px;
                top: 1px;
                width: 95px;
                .height;
                padding-left: 10px;
                // background-color: #fff;
                text-align: left;
                z-index: 1;
            }
            .ui-input {
                padding-left: 105px;
                width: 448px - 105px; 
                .height;
            }
            b.f-cred {
                position: absolute;
                right: -22px;
                top: 22px;
            }
            &.checkbox {
                .ui-label {
                    padding-left: 10px;
                    width: 90px;
                    text-align: left;
                    height: 50px;
                    line-height: 50px;
                }
            }
            .ui-imitselect {
                .height;
                border:none;
                dt {
                    padding-left: 0;
                    padding-right: 20px;
                    strong {
                        .height;
                    }
                    i {
                        top:20px;
                        right: 6px;
                        line-height: normal;
                    }
                }
            }
        }
    }
}